@tailwind base;
@tailwind components;
@tailwind utilities;

.modern-input {
    @apply border-gray-200 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition duration-200;
}
.gradient-btn {
    background: linear-gradient(135deg, #4f46e5 0%, #9333ea 100%);
    @apply text-white hover:opacity-90 transition-opacity;
}
/* 添加新的样式规则 */
.section-item {
    @apply bg-gray-50 p-4 rounded-lg border border-gray-200;
    transition: all 0.3s ease;
}

.section-item:hover {
    @apply border-indigo-200 shadow-sm;
}

.section-item .form-label {
    @apply block text-sm font-medium text-gray-700 mb-2;
}

.section-item .form-control {
    @apply modern-input w-full rounded-lg p-3 border;
}

.remove-section {
    @apply gradient-btn py-2 px-4 rounded-lg text-sm flex items-center justify-center space-x-2 mt-3;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
}

.remove-section:hover {
    @apply opacity-90;
}

.remove-section i {
    @apply text-sm;
}
